<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>有货</title>
	<link rel="stylesheet" type="text/css" href="./Public/Home/org/bootstrap-3.3.5-dist/css/bootstrap.min.css" />
	<!-- <script src="./Public/Home/org/bootstrap-3.3.5-dist/js/bootstrap.min.js" type="text/javascript" charset="utf-8"></script> -->
	<script type="text/javascript" src="./Public/Home/Js/jquery-1.8.2.min.js"></script>
	<link rel="stylesheet" href="./Public/Home/Swiper-3.3.1/dist/css/swiper.min.css">
	<script type="text/javascript" src="./Public/Home/Swiper-3.3.1/dist/js/swiper.jquery.min.js"></script>
	<script type="text/javascript" src="./Public/Home/Swiper-3.3.1/dist/js/swiper.min.js"></script>
	<link rel="stylesheet" href="./Public/Home/Css/index.css">
	<link rel="stylesheet" href="./Public/Home/Css/common.css">
	<script type="text/javascript" src="./Public/Home/Js/index.js"></script>
	<link rel="stylesheet" href="./Public/Home/Css/login.css">
	<!-- 注：这儿不能引用注册的css，不然会将这儿的样式给覆盖 -->
	<link rel="stylesheet" href="./Public/Home/Css/pay.css">
	<script type="text/javascript" src="./Public/Home/Js/pay.js"></script>
</head>
<body>
<header>
	<div id="simple-header">
		{{include file="../Common/pay"}}
	</div>
</header>
<article>
	<!-- 我的购物车 -->
	<div id="cart-all">
		<div id="cart-page">
		<!-- 进度条 -->
			<div class="cart-pag-line">
				<span class="cart-cur"></span>
				<!-- 这儿的进度条样式添加cart-cur -->
				<i></i>
				<span></span>
				<i></i>
				<span></span>
			</div>
			<!-- 进度条提示 -->
			<div class="cart-pag-prompt">
				<span class="cart-prompt-left cart-prompt-cur">查看购物车</span>
				<!-- 这儿 进度条的样式是添加cart-prompt-cur -->
				<span>填写订单</span>
				<span class="cart-prompt-right">付款，完成购买</span>
			</div>
		</div>
	</div>
	<!-- 商品表单 -->
<form action="{{U('OrderPage/index')}}" method="post" id="form1">
	<div id="goods-details">
		<!-- 表单 -->
		<div class="container goods-total">
			<div class="row clearfix">
				<div class="col-md-12 column">
					<table class="table table-bordered _table">
						<thead class="goods-title">
							<tr class="goods-num">
								<th style="width: 390px;">商品信息 </th>
								<th style="width: 131px;">单价(元)</th>
								<th style="width: 73px;">返YOHO币</th>
								<th style="width: 100px;">数量</th>
								<th>小计(元)</th>
								<th>操作</th>
							</tr>
						</thead>
						<tbody>
							<tr class="ordinary">
								<td colspan=6>
									<input type="checkbox" name="" id="checkbox" class="GoodsTotal" checked=""><span>普通商品(5) </span>
								</td>
							</tr>
							<!-- 这儿循环已添加的商品信息 -->
							{{foreach from="$CartData" value="$v"}}
							<tr class="pay-wapper">
								<td  class="goods-check-info">
									<input type="checkbox" name="GoodsId[]" id="" class="GoodsPay" value="{{$v['id']}}" checked="">
									<a href="" class="pay-pro-icon">
										<img src="{{$v['pic']}}" alt="">
									</a>
									<p class="pay-pro-info">
										<a href="" title="{{$v['name']}}" >{{$v['name']}}</br></a>
										<span>颜色：灰色 尺码：M</span>
									</p>
								</td>
								<td  class="goods-check ">￥<span class="danjia" gid="{{$v['id']}}" url="{{U('Pay/ajaxUpdata')}}" crid="{{$v['crid']}}">{{$v['price']}}</span></td>
								<td  class="goods-check" ><span class="YohoQ">0</span> 个</td>
								<td  class="goods-check goods-number">
									<ul>
										<li class="reduce"><span>-</span></li>
										<li class="Number" value="">{{$v['num']}}</li>
										<li class="plus"><span>+</span></li>
									</ul>
								</td>
								<td  class="goods-check xiaoji">￥<span class="newPrice">{{$v['subtotal']}}</span></td>
								<td  class="goods-check">
									<button type="button" class="btn btn-danger">删除</button>
									<button type="button" class="btn btn-info">移入收藏夹</button>
								</td>
							</tr>
							{{endforeach}}
							<!-- 循环点 -->
						</tbody>
					</table>
				</div>
			</div>
		</div>
		<!-- 表单全选 -->
		<div class="cartnew-sum">
			<div class="batch_div">
				<input type="checkbox" name="" id="PayAll" checked="chekced"><span>全选</span>
				<a href="" class="delAll">批量删除</a>
				<a href="" class="removeAll">批量移入收藏夹</a>
			</div>
			<div class="batch_div-right">
				<p class="right-sum">商品总价（￥<span class="GoodsTotal">{{$PayTotal}}</span>）- 活动（￥<span class="YohoTotal">0</span>）= 商品金额总计（￥<span class="PayTotal">{{$PayTotal}}</span>）</p>
				<p class="gross">
					<a href="" class="yoho-coin"></a><span>共返YOHO币：0个　商品总价（不含运费）：</span>
					<span class="money">￥<span class="PayTotal">{{$PayTotal}}</span></span>元                        
				</p>
			</div>
		</div>
		<div class="payDiv">
			<a href="{{U('OrderPage/index')}}"><button type="button" class="btn btn-default _btn-defaule"><span>◀</span>再逛逛</button></a>
			<!-- <input type="submit" id="tijiao">去结算</input> -->
			<input type="submit" value="去结算" id="tijiao">
		</div>
		<script type="text/javascript">
			$(function(){
				$('#tijiao').click(function(){
					if($(".GoodsPay:checked").length==0){
						alert("请选择需要付款的商品");
					}
				})
			})
		</script>
	</div>
</form>
	<!-- 凑单商品 -->
	<div id="together">
		<div class="together-title">
			<div class="together-button">
				<div class="together-button-one"></div>
				<span class="tgt">凑单商品</span>
			</div>
			<div class="together-right">
				<button type="button" class="btn btn-default _together-together _btn1">▶</button>
				<button type="button" class="btn btn-default _together-together _btn2">◀</button>
			</div>
		</div>
		<div class="main-total">
		<div class="together-main">
		<!-- 在这儿开始循环 --><!-- 多的采用分页来展开 --><!-- 在js处得要修改他的left值 -->
			<div class="together-img">
				<div class="together-img-top">
					<a href=""><img src="./Public/Home/Images/pay/3.jpg" alt=""></a>
					<a href="" class="together-aimg">MACROPUS 电压间棉系列单肩挎包</a>
					<span class="together-img-span">￥269.00</span><span>￥79.00</span>
					<button type="button" class="btn btn-default together-img-button">查看详情</button>
				</div>
			</div>
			<!-- 循环点结束 -->
			<div class="together-img">
				<div class="together-img-top">
					<a href=""><img src="./Public/Home/Images/pay/3.jpg" alt=""></a>
					<a href="" class="together-aimg">MACROPUS 电压间棉系列单肩挎包</a>
					<span class="together-img-span">￥269.00</span><span>￥79.00</span>
					<button type="button" class="btn btn-default together-img-button">查看详情</button>
				</div>
			</div>
			<div class="together-img">
				<div class="together-img-top">
					<a href=""><img src="./Public/Home/Images/pay/3.jpg" alt=""></a>
					<a href="" class="together-aimg">MACROPUS 电压间棉系列单肩挎包</a>
					<span class="together-img-span">￥269.00</span><span>￥79.00</span>
					<button type="button" class="btn btn-default together-img-button">查看详情</button>
				</div>
			</div>
			<div class="together-img">
				<div class="together-img-top">
					<a href=""><img src="./Public/Home/Images/pay/3.jpg" alt=""></a>
					<a href="" class="together-aimg">MACROPUS 电压间棉系列单肩挎包</a>
					<span class="together-img-span">￥269.00</span><span>￥79.00</span>
					<button type="button" class="btn btn-default together-img-button">查看详情</button>
				</div>
			</div>
			<div class="together-img">
				<div class="together-img-top">
					<a href=""><img src="./Public/Home/Images/pay/3.jpg" alt=""></a>
					<a href="" class="together-aimg">MACROPUS 电压间棉系列单肩挎包</a>
					<span class="together-img-span">￥269.00</span><span>￥79.00</span>
					<button type="button" class="btn btn-default together-img-button">查看详情</button>
				</div>
			</div>
			<div class="together-img">
				<div class="together-img-top">
					<a href=""><img src="./Public/Home/Images/pay/3.jpg" alt=""></a>
					<a href="" class="together-aimg">MACROPUS 电压间棉系列单肩挎包</a>
					<span class="together-img-span">￥269.00</span><span>￥79.00</span>
					<button type="button" class="btn btn-default together-img-button">查看详情</button>
				</div>
			</div>
			<!-- 结束循环 -->
			<div class="together-img">
				<div class="together-img-top">
					<a href=""><img src="./Public/Home/Images/pay/3.jpg" alt=""></a>
					<a href="" class="together-aimg">MACROPUS 电压间棉系列单肩挎包</a>
					<span class="together-img-span">￥270.00</span><span>￥80.00</span>
					<button type="button" class="btn btn-default together-img-button">查看详情</button>
				</div>
			</div>
			<div class="together-img">
				<div class="together-img-top">
					<a href=""><img src="./Public/Home/Images/pay/3.jpg" alt=""></a>
					<a href="" class="together-aimg">MACROPUS 电压间棉系列单肩挎包</a>
					<span class="together-img-span">￥270.00</span><span>￥80.00</span>
					<button type="button" class="btn btn-default together-img-button">查看详情</button>
				</div>
			</div>
			<div class="together-img">
				<div class="together-img-top">
					<a href=""><img src="./Public/Home/Images/pay/3.jpg" alt=""></a>
					<a href="" class="together-aimg">MACROPUS 电压间棉系列单肩挎包</a>
					<span class="together-img-span">￥270.00</span><span>￥80.00</span>
					<button type="button" class="btn btn-default together-img-button">查看详情</button>
				</div>
			</div>
			<div class="together-img">
				<div class="together-img-top">
					<a href=""><img src="./Public/Home/Images/pay/3.jpg" alt=""></a>
					<a href="" class="together-aimg">MACROPUS 电压间棉系列单肩挎包</a>
					<span class="together-img-span">￥270.00</span><span>￥80.00</span>
					<button type="button" class="btn btn-default together-img-button">查看详情</button>
				</div>
			</div>
			<div class="together-img">
				<div class="together-img-top">
					<a href=""><img src="./Public/Home/Images/pay/3.jpg" alt=""></a>
					<a href="" class="together-aimg">MACROPUS 电压间棉系列单肩挎包</a>
					<span class="together-img-span">￥270.00</span><span>￥80.00</span>
					<button type="button" class="btn btn-default together-img-button">查看详情</button>
				</div>
			</div>
			<div class="together-img">
				<div class="together-img-top">
					<a href=""><img src="./Public/Home/Images/pay/3.jpg" alt=""></a>
					<a href="" class="together-aimg">MACROPUS 电压间棉系列单肩挎包</a>
					<span class="together-img-span">￥270.00</span><span>￥80.00</span>
					<button type="button" class="btn btn-default together-img-button">查看详情</button>
				</div>
			</div>
			<!-- 二轮循环结束 -->
			<div class="together-img">
				<div class="together-img-top">
					<a href=""><img src="./Public/Home/Images/pay/3.jpg" alt=""></a>
					<a href="" class="together-aimg">MACROPUS 电压间棉系列单肩挎包</a>
					<span class="together-img-span">￥280.00</span><span>￥90.00</span>
					<button type="button" class="btn btn-default together-img-button">查看详情</button>
				</div>
			</div>
			<div class="together-img">
				<div class="together-img-top">
					<a href=""><img src="./Public/Home/Images/pay/3.jpg" alt=""></a>
					<a href="" class="together-aimg">MACROPUS 电压间棉系列单肩挎包</a>
					<span class="together-img-span">￥280.00</span><span>￥90.00</span>
					<button type="button" class="btn btn-default together-img-button">查看详情</button>
				</div>
			</div>
			<div class="together-img">
				<div class="together-img-top">
					<a href=""><img src="./Public/Home/Images/pay/3.jpg" alt=""></a>
					<a href="" class="together-aimg">MACROPUS 电压间棉系列单肩挎包</a>
					<span class="together-img-span">￥280.00</span><span>￥90.00</span>
					<button type="button" class="btn btn-default together-img-button">查看详情</button>
				</div>
			</div>
			<div class="together-img">
				<div class="together-img-top">
					<a href=""><img src="./Public/Home/Images/pay/3.jpg" alt=""></a>
					<a href="" class="together-aimg">MACROPUS 电压间棉系列单肩挎包</a>
					<span class="together-img-span">￥280.00</span><span>￥90.00</span>
					<button type="button" class="btn btn-default together-img-button">查看详情</button>
				</div>
			</div>
			<div class="together-img">
				<div class="together-img-top">
					<a href=""><img src="./Public/Home/Images/pay/3.jpg" alt=""></a>
					<a href="" class="together-aimg">MACROPUS 电压间棉系列单肩挎包</a>
					<span class="together-img-span">￥280.00</span><span>￥90.00</span>
					<button type="button" class="btn btn-default together-img-button">查看详情</button>
				</div>
			</div>
			<div class="together-img">
				<div class="together-img-top">
					<a href=""><img src="./Public/Home/Images/pay/3.jpg" alt=""></a>
					<a href="" class="together-aimg">MACROPUS 电压间棉系列单肩挎包</a>
					<span class="together-img-span">￥280.00</span><span>￥90.00</span>
					<button type="button" class="btn btn-default together-img-button">查看详情</button>
				</div>
			</div>
			<!-- 三轮循环结束 -->
			<!-- 循环点结束 -->
			<div class="together-img">
				<div class="together-img-top">
					<a href=""><img src="./Public/Home/Images/pay/3.jpg" alt=""></a>
					<a href="" class="together-aimg">MACROPUS 电压间棉系列单肩挎包</a>
					<span class="together-img-span">￥269.00</span><span>￥79.00</span>
					<button type="button" class="btn btn-default together-img-button">查看详情</button>
				</div>
			</div>
			<div class="together-img">
				<div class="together-img-top">
					<a href=""><img src="./Public/Home/Images/pay/3.jpg" alt=""></a>
					<a href="" class="together-aimg">MACROPUS 电压间棉系列单肩挎包</a>
					<span class="together-img-span">￥269.00</span><span>￥79.00</span>
					<button type="button" class="btn btn-default together-img-button">查看详情</button>
				</div>
			</div>
			<div class="together-img">
				<div class="together-img-top">
					<a href=""><img src="./Public/Home/Images/pay/3.jpg" alt=""></a>
					<a href="" class="together-aimg">MACROPUS 电压间棉系列单肩挎包</a>
					<span class="together-img-span">￥269.00</span><span>￥79.00</span>
					<button type="button" class="btn btn-default together-img-button">查看详情</button>
				</div>
			</div>
			<div class="together-img">
				<div class="together-img-top">
					<a href=""><img src="./Public/Home/Images/pay/3.jpg" alt=""></a>
					<a href="" class="together-aimg">MACROPUS 电压间棉系列单肩挎包</a>
					<span class="together-img-span">￥269.00</span><span>￥79.00</span>
					<button type="button" class="btn btn-default together-img-button">查看详情</button>
				</div>
			</div>
			<div class="together-img">
				<div class="together-img-top">
					<a href=""><img src="./Public/Home/Images/pay/3.jpg" alt=""></a>
					<a href="" class="together-aimg">MACROPUS 电压间棉系列单肩挎包</a>
					<span class="together-img-span">￥269.00</span><span>￥79.00</span>
					<button type="button" class="btn btn-default together-img-button">查看详情</button>
				</div>
			</div>
			<div class="together-img">
				<div class="together-img-top">
					<a href=""><img src="./Public/Home/Images/pay/3.jpg" alt=""></a>
					<a href="" class="together-aimg">MACROPUS 电压间棉系列单肩挎包</a>
					<span class="together-img-span">￥269.00</span><span>￥79.00</span>
					<button type="button" class="btn btn-default together-img-button">查看详情</button>
				</div>
			</div>
			<!-- 结束循环 -->
		</div>
		</div>
	</div>
</article>
{{include file="../Common/footer"}}
</body>
</html>